<template>
 <div>
   <h1>login</h1>
   <el-button @click="handleSubmitBtnClick">登陆按钮</el-button>
  </div>
</template>

<script>
/**
 * 1. 获取
 *
 *  compouted 计算方法： {}
 *   mapState
 *   mapGetter
 *
 * 2. 设置 方法
 * method: {}
 *   mapMutaion
 *   mapActions
 *
 */
import { mapGetters, mapActions } from 'vuex'
export default {
  data() {
    return {
      obj: {
        num: 1
      }
    }
  },
  computed: {
    ...mapGetters(['opt', 'token'])
  },
  mounted() {
    console.log(this.token, 'this,token----')
  },
  methods: {
    // 如果加上namespaced这个字段，这个mapActions需要添加命名空间才能访问到
    ...mapActions('login', ['Login']),
    // axios
    handleSubmitBtnClick() {
      this.Login()
      .then(res => {
        console.log('res', res)
        // 说明当前的异步已经解决了，获取到了一个确定的结果
        this.$router.push('/hms/hospital')
      })
      .catch(err => {
        alert('err', err)
      })
      // 1. 登陆接口在组件中调用
      // 2. 点击登陆 获取token
      // 3. 将token存入vuex
      // 4. mutaions

      // 1. 登陆接口 在vuex中调用 提交什么方法？
      // actions
    }
  }
}
</script>

<style>

</style>
